<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<style type="text/css">
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#jcontent{
	height: 100%;
	overflow: hidden;
}
#interval{
	position: absolute;
	right: 10px;
	bottom: 20px;
	background: rgba(0,0,0,0.5);
	padding: 5px 10px 5px 10px;
	border-radius: 100px;
	color: #fff;
	font-size: 14px;
}
#intertime{
	padding-right:5px;
}
</style>
</head>
<body>
<div id="jcontent" class="jcontent">
<a id="interval"><span id="intertime">7</span>跳过广告</a>
<img src="img/ad.png" class="img"/>
</div>
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	window.setInterval(function(){
		var t=parseInt(document.getElementById("intertime").innerHTML);
		t=t-1;
		if(t==0){
			plus.webview.currentWebview().close();
		}
		document.getElementById("intertime").innerHTML=t;
	},1000);
	
	mui.plusReady(function(){
		mui('#jcontent').on('touchstart', '#interval', function(e) {
			plus.webview.currentWebview().close();
		});
	});
</script>
</body>
</html>